//common
.switch-btn{
  position: absolute;
  top: 0;
  right:0;
  width: 5rem;
  height: 1rem;
  border-radius: 4px;
  background: rgba(216,216,216,0.20);
  .switch-btn-item{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 1rem;
    text-align:center;
    font-size: .5rem;
    border-radius: 4px;
    color: #ffffff70;
    &.active{
      background: #333A5D;
    }
  }
}
.news-list{
  a.weui-media-box{
    padding: .65rem .65rem .4rem .65rem;
    color: #fff;
    &:nth-child(-n+2){
      .icon_new{
        display: inline-block;
        width: 0.9rem;
        height: 0.8rem;
        background-image: url("../imgs/i_new.png");
        background-size: 100%;
      }
    }
    &:before{
      border: 0;
    }
    &:nth-child(2n){
      &:before{
        border-top: 1px solid #D8D8D808;
        left: 13px;
        right: 13px;
      }
      &:after{
        content: " ";
        position: absolute;
        bottom: 0;
        left: 13px;
        right: 13px;
        height: 1px;
        border-top: 1px solid #D8D8D808;
        color: #E5E5E5;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
      }
    }
    &:active {
      background-color: #2A325E;
      &:before{
        border-color:transparent;
      }
      &:after{
        border-color:transparent;
      }
    }
    .weui-media-box_text{
      position: relative;
      .weui-media-box__title{
        margin-bottom: .2rem;
        font-size: 0.7rem;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .weui-media-box__desc{
        font-size: 0.6rem;
        line-height: 1.5;
        color: #ffffff60;
      }
      .weui-media-box__info{
        margin-top: .4rem;
        font-size: 0.5rem;
        color: #5A9494;
      }
      .weui-media-box__info__meta_time{
        float: right;
        color: #545D81;
      }
    }
  }
}
//hotspot
#hotSpot{
  padding-bottom: 60px;

}

#details{
  position: relative;
  .switch-btn{
    top: .8rem;
    right: .5rem;
  }
  .content{
    padding: 2.2rem 1rem 3rem;
    .mt{
      .title{
        font-size: .7rem;
      }
      .info{
        margin: .15rem 0 .25rem;
        font-size: .5rem;
        overflow: hidden;
        dt,dd{
          float: left;
          color: #5A9494;
        }
        dd{
          min-width: .5rem;
          margin-right: .7rem;
        }
      }
    }
    .mc{
      color: #ffffff60;
      //line-height: 1.4em;
      font-size: .6rem;
      text-indent: 2em;
      img{
        max-width: 100%;
      }
    }
    .tips{
      margin-top: 1rem;
      font-size: .5rem;
      color: #3C3342;
    }
  }
}
#discovery{
  padding-bottom: 60px;
  .filter{
    .filter-item{
      display: flex;
      padding: .2rem 0 0 .65rem;
      height: 1.8rem;
      font-size: .6rem;
      overflow-x: hidden;
      .mt{
        padding-top: .17rem;
        width: 2rem;
        color: #ffffff70;
      }
      .mc{
        flex: 1;
        padding-right: 1rem;
        height: 3.2rem;
        overflow-x: auto;
        .filter-item-list{
          height: 4rem;
          white-space: nowrap;
          .item{
            display: inline-block;
            //float: left;
            padding: .17rem .6rem;
            &.active{
              color: #43C4C4;
              background: rgba(255,255,255,0.10);
              border-radius: 4px;
            }
          }
        }

      }
    }
  }
}

